<template>
  <div class="donate">
    <header>
      <h1>捐助小拾光</h1>
      <p>接受捐助的主体是小拾光的主体公司XXXX有限公司，收到的捐助费用将用于小拾光的日常运营与研发投入。</p>
    </header>
    <main>
      <img src="@/assets/微信收款码.jpg" alt="">
      <img src="@/assets/支付宝收款码.jpg" alt="">
    </main>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.donate {
  margin: .3333rem auto 0;
  box-sizing: border-box;
  width: 75%;

  header {
    h1 {
      font-size: 1rem;
      text-align: center;
    }

    p {
      margin: .1667rem 0;
      font-size: .3rem;
      text-align: center;
    }
  }

  main {
    display: flex;
    justify-content: space-evenly;
    padding: .5rem;

    img {
      width: 3.5rem;
      height: 5rem;
    }
  }
}
</style>